.banner {width:100%;}
.banner .words{position: absolute;top: 14.3vw;width: 1200px;left: 50%;margin-left: -600px;color: #fff;}
.banner .words .title{font-size:48px;}
.banner .words .remark{font-size:24px;margin:30px 0px 0px 0px;line-height:36px;}
.banner .swiper-pagination{bottom:18vw;width: 1200px;left: 50%;margin-left: -600px;text-align: left;}
.banner .swiper-pagination-bullet{width:25px;height:25px;background:url(../images/icon-circle5.png) center center no-repeat;opacity:1;margin:0px 5px;}
.banner .swiper-pagination-bullet-active{background:url(../images/icon-circle.png) center center no-repeat;}
.banner img{width: 100%;}
.Notice{width: 1100px;margin: -7vw auto 0px;background: url(../images/icon-video.png) 35px center no-repeat rgba(74,63,91,0.4);height: 65px;line-height: 65px;position: relative;z-index: 99;padding: 0px 20px 0px 80px;overflow: hidden;}
.Notice label{color:#fff;font-size:16px;float: left;}
.Notice .swiper-container{width: 995px;display: inline-block;margin: 0px 0px 0px 25px;height: 65px;}
.Notice .swiper-slide{height:65px;}
.Notice .swiper-slide a{color:#fff;font-size:14px;line-height:65px;display: block;}
.news{width:1200px;margin:0 auto;}
.newsL{width:383px;height: 300px;float: left;background:#f1f1f1;}
.newsL .img{height:253px;overflow:hidden;}
.newsL .img img{width:100%;height:100%;transition:1s all ease;transform:scale(1.0);}
.newsL .swiper-slide:hover img{transform:scale(1.2);}
.newsL .title{font-size:14px;color:#333333;line-height: 45px;padding: 0px 20px 0px 25px;}
.newsL .swiper-pagination {text-align: right;right: 15px;left: auto;bottom: 12px;}
.newsL .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:0px;border:1px solid #a01d3a;background:unset;opacity:1;margin:0px 5px!important;}
.newsL .swiper-pagination .swiper-pagination-bullet-active{background:#a01d3a;}
.newsR{width:815px;float: right;position:relative;z-index: 99;}
.newsR .listName{font-size:0px;border-bottom: 2px solid #1c2242;}
.newsR .listName a{color:#333333;font-size: 14px;width: 271.5px;height: 60px;line-height: 60px;display: inline-block;background:#f1f1f1;text-align:center;border-right:2px solid #1c2242;box-sizing: border-box;}
.newsR .listName a:nth-child(3){border-right:0;}
.newsR .listName a:hover{color:#fff;background:#a01d3a;}
.newsR .listName a.active{color:#fff;background:#a01d3a;}
.newsR .newsBox{padding: 40px 65px 30px 65px;background:#f1f1f1;height: 167px;}
.newsR .newsBox li{height:20px;line-height:20px;margin: 0px 35px 15px 0px;}
.newsR .newsBox li a{color:#333333;font-size:14px;display: block;}
.newsR .newsBox li .time{float:right;font-size: 12px;color: #333333;}
.newsBox ul{display:none;}
.newsBox ul.active{display:block;}
.newsR .newsBox li:hover a{color:#a01d3a;}
.newsR .newsBox li:hover .time{color:#a01d3a;}

.product{background: url(../images/indexbg.jpg) center bottom no-repeat;padding: 30px 0px 90px 0px;}
.product ul{width:1200px;margin: 0px auto;}
.product h3{text-align:center;font-size: 26px;color:#333333;}
.product h3 img{position:relative;top: 8px;left: -8px;}
.product h3:before{content:"";display:inline-block;width:90px;height:1px;background:#5c5b5b;margin:0px 35px 0px 0px;position:relative;top:10px;}
.product h3:after{content:"";display:inline-block;width:90px;height:1px;background:#5c5b5b;margin:0px 0px 0px 50px;position:relative;top:10px;}
.product .en{text-align:center;font-size: 16px;color: #c9caca;margin: 5px 0px 30px 0px;text-transform: uppercase;font-weight: 300;}
.product li{width: 260px;float:left;background:#fff;box-shadow: 4px 5px 20px 0px #ddd;padding: 50px 50px 45px 70px;margin: 0px 30px 0px 0px;border-bottom: 4px solid #a01d3a;/* height: 340px; */overflow: hidden;}
.product li .img{height: 120px;width: 195px;position:relative;}
.product li .img:after{width:100%;height:100%;background:#a01d3a;content:"";left: 12px;display:block;top: 10px;position: absolute;z-index: 4;}
.product li .img img{width: 100%;height: 100%;vertical-align:middle;transform:scale(1.0);transition:1s all ease;position: relative;z-index: 99;}
.product li .title{font-size: 18px;color: #333333;line-height: 30px;margin: 60px 0px 15px 0px;}
.product li .sum{color:#333333;font-size: 14px;line-height: 22px;}
.product li:hover img{transform:scale(1.2);}
.product li:nth-child(3n){margin-right:0px;}

.support h3{text-align:center;font-size: 26px;color:#333333;padding: 45px 0px 0px 0px;}
.support h3 img{position:relative;top:8px;left:-7px;}
.support h3:before{content:"";display:inline-block;width:90px;height:1px;background:#5c5b5b;margin:0px 50px 0px 0px;position:relative;top:1px;}
.support h3:after{content:"";display:inline-block;width:90px;height:1px;background:#5c5b5b;margin:0px 0px 0px 60px;position:relative;top:1px;}
.support .en{text-align:center;font-size: 16px;color: #c9caca;margin: 2px 0px 35px 0px;text-transform: uppercase;font-weight: 300;}
.support{width:1200px;margin: 0 auto 95px;position: relative;}
.support li{width:255px;height: 340px;float: left;background: #e5e5e5;margin: 0px 60px 0px 0px;position:relative;}
.support li .img{padding:17px 23px;overflow:hidden;}
.support li img{width:100%;height:100%;transform:scale(1.0);transition:1s all ease;}
.support li:nth-child(4n){margin-right:0px;}
.support li:after{width: 0px;height: 0px;content:"";display:block;opacity:0;position:absolute;bottom: 0px;left: 0px;border-left: 25px solid #a01d3a;border-bottom: 0px solid transparent;border-right: 0px solid transparent;border-top: 25px solid transparent;transition: 1s all ease;}
.support li:before{width: 25px;height: 25px;content:"";display:block;opacity:0;position:absolute;top: 0px;right: 0px;background:url(../images/icon-a1.png) center center no-repeat;transition: 1s all ease;z-index:999;}
.support li:hover:after{opacity:1;}
.support li:hover:before{opacity:1;}

.MobileBanner {display: none;}


.Revision{position: fixed;top:0px;left: 0px;z-index: 9999999999;width:100%;height:100%;}
.RevisionBox{width: 600px;margin:0 auto;background: #fff;position:absolute;left:50%;margin-left: -300px;top:50%;margin-top: -180px;border: 4px solid #a01d3a;box-sizing: border-box;}
.RevisionBox .close{float:right;font-size:24px;color: #fff;font-weight:bold;position: absolute;right: 5px;top: 5px;background: #a01d3a;}
.RevisionBox h3{color:#a01d3a;font-size:20px;text-align: center;padding: 25px 0px 20px 0px;}
.RevisionBox1{padding: 0px 20px 30px 20px;line-height: 26px;font-size:14px;color: #555;}
.RevisionBox1 .div1{margin:0px 0px 15px 0px;text-indent: 29px;}


.support .swiper-button-prev{left: -40px;background: url(../images/icon-left.png) center center no-repeat;opacity: 1;width: 25px;height: 40px;background-size: cover;margin-top: 45px;}
.support .swiper-button-next{right: -40px;background: url(../images/icon-right.png) center center no-repeat;opacity: 1;width: 25px;height: 40px;background-size: cover;margin-top: 45px;}






@media(max-width:1024px){
    .banner{display: none;}
    .MobileBanner {display: block;height: 80vw;}
    .MobileBanner .words{position: absolute;top: 18vw;width: 90%;left: 5%;color: #fff;}
    .MobileBanner .words .title{font-size: 20px;}
    .MobileBanner .words .title:after{content:"";display:block;width:40%;height:1px;background:#a01d3a;margin: 12px 0px 0px 0px;}
    .MobileBanner .words .remark{font-size: 12px;margin: 5px 0px 0px 0px;line-height: 20px;}
    .MobileBanner .swiper-pagination{bottom: 28vw;width: 90%;left: 5%;text-align: left;}
    .MobileBanner .swiper-pagination-bullet{width: 15px;height: 15px;background:url(../images/icon-circle5.png) center center no-repeat;opacity:1;margin:0px 5px;}
    .MobileBanner .swiper-pagination-bullet-active{background:url(../images/icon-circle.png) center center no-repeat;background-size: 30px;}
    .MobileBanner img{width: 100%;}
    .Notice{height: 40px;line-height: 40px;margin: -77px auto 0px;width: calc(100% - 65px);padding: 0px 10px 0px 55px;background: url(../images/icon-video.png) 25px center no-repeat rgba(74,63,91,0.4);background-size: 18px;}
    .Notice label{font-size:14px;}
    .Notice .swiper-container{width: calc(100% - 90px);margin: 0px 0px 0px 10px;}
    .Notice .swiper-slide a{line-height:40px;font-size:12px;height: 40px;overflow: hidden;}
    .news{width:95%;margin:0 auto;}
    .newsR{width:100%;float: none;}
    .newsR .listName a{width: 33.3%;height: 35px;line-height: 35px;}
    .newsR .newsBox{padding: 20px 10px 10px 10px;height: auto;}
    .newsR .newsBox li{margin:0px 0px 10px 0px;}
    .newsR .newsBox li .tit{width: calc(100% - 80px);display: inline-block;height: 20px;overflow: hidden;}
    .newsL{width:100%;height: auto;float: none;margin: 3px auto 0px;}
    .newsL .img{height:62vw;}
    .newsL .title{height:40px;line-height:40px;padding: 0px 10px 0px 15px;width: calc(100% - 140px);overflow: hidden;}
    .newsL .swiper-pagination .swiper-pagination-bullet{margin:0px 4px!important;}
    .newsL .swiper-pagination{bottom:10px;right: 10px;}
    .product{padding: 10vw 0px 12vw 0px;background: url(../images/indexbg1.jpg) center bottom no-repeat;background-size: 100%;}
    .product h3{font-size: 20px;}
    .product h3 img{top: 1px;}
    .product h3:before{width:50px;top: 2px;margin: 0px 30px 0px 0px;}
    .product h3:after{width:50px;margin: 0px 0px 0px 30px;top: 2px;}
    .product .en{font-size:12px;margin: 5px 0px 7vw 0px;}
    .product ul{width:95%;}
    .product li:nth-child(3n){margin-right:auto;}
    .product li{width: calc(85% - 24vw);padding: 7.5vw 12vw 20px 12vw;margin: 0 auto 15px;float: none;height: auto;box-shadow: 0px 4px 15px 1px #ddd;}
    .product li .img{height: 34vw;line-height: 32vw;}
    .product li .title{margin: 10vw 0px 3vw 0px;font-size: 16px;}
    .product li .sum{font-size:12px;line-height: 20px;}

    .support{width:95%;margin: 0 auto 20px;}
    .support h3{font-size:20px;}
    .support h3 img{top: 2px;}
    .support h3:before{width:50px;top: 2px;margin: 0px 30px 0px 0px;}
    .support h3:after{width:50px;margin: 0px 0px 0px 30px;top: 2px;}
    .support .en{font-size:12px;margin: 4px 0px 7vw 0px;}
    .support li{width: 47%;box-sizing:border-box;margin:0px 0px 10px 0px;height: 60vw;}
    .support li:nth-child(2n){float:right;}
    .support li .img{padding:10px 12px;height: calc(100% - 20px);}
    .support .swiper-container{width:90%;margin:0 auto;}
    .support .swiper-button-prev{left:-2.5%;width: 20px;height: 30px;margin-top: 35px;}
    .support .swiper-button-next{right:-2.5%;width: 20px;height: 30px;margin-top: 35px;}
    
    .RevisionBox{width:95%;left: 2.5%;margin-left: 0px;margin-top: -201px;}
    .RevisionBox1{line-height:24px;font-size: 12px;padding: 0px 15px 25px 15px;}
    .RevisionBox h3{font-size:18px;padding: 25px 0px 15px 0px;}
    .RevisionBox .close{font-size: 20px;}






    
}